import React from 'react';
import { DefaultFooter } from '@ant-design/pro-layout';
import { QuestionOutlined } from '@ant-design/icons';
import { Button } from 'antd';

export default () => (
  <DefaultFooter
    copyright="2021 云南易用软件有限公司"
    links={[
      {
        key: 'Easy to use software',
        title: 'Easy to use software',
        href: 'https://www.bilibili.com/video/av419463226/',
        blankTarget: true,
      },
      {
        key: 'icon',
        title: <img alt="logo" src="/smallLogo.svg"></img>,
        href: 'http://www.chrsms.com/',
        blankTarget: true,
      },
      {
        key: 'UI Design',
        title: 'UI Design',
        href: 'https://ant.design',
        blankTarget: true,
      },
      {
        key: 'question',
        title: (
          <Button
            style={{
              marginRight: '80px',
              float: 'right',
              width: '50px',
              textAlign: 'center',
              height: '50px',
              borderRadius: '50%',
              fontWeight: 'bolder',
              paddingLeft: '14px',
              pointerEvents: 'none',
            }}
          >
            <QuestionOutlined style={{ fontSize: '20px' }} />
          </Button>
        ),
        href: '',
        blankTarget: true,
      },
    ]}
  />
);
